<!DOCTYPE html>
<html lang="nl">
	<head>
		<title>Nieuwe interface Brakel</title>
		<link rel="stylesheet" type="text/css" href="/css/style.css" />
	</head>
	<body>
		<div id="container">
			<img id="headerImage" src="/images/header_image.png" alt="Header" />
			<header>
				<div class="top">
					<a href=""><img src="/images/logo.png" alt="Logo" /></a>
				</div>
				<div class="middle">
					
				</div>	
				<div class="bottom"></div>			
			</header>
			<div id="content">
			
				<form id="loginForm" action="login.php" method="post">
					<div>
						<input type="password" name="password" />
						<select name="username" size="1">
							<option value="Beheerder">Beheerder</option>
							<option value="Gebruiker">Gebouwgebruiker/gast</option>
							<option value="Onderhoud">Onderhoudsmedewerker</option>
						</select>
					
						<!--input type="password" name="passwordBeheerder" /><span>Beheerder</span>
					</div>
					<div>
						<input type="password" name="passwordGebruiker" /><span>Gebouwgebruiker/gast</span>
					</div>
					<div>
						<input type="password" name="passwordOnderhoud" /><span>Onderhoudsmedewerker</span-->
					</div>
					<div>
						<input type="submit" value="Inloggen" />
					</div>
				</form>
				
			</div>
			<div id="footer">
				<ul>
					<li class="active"><a href="" class="home">Home</a></li>
					<li><a href="" class="temperatuur">Temperatuur</a></li>
					<li><a href="" class="meteo">Meteo</a></li>
					<li><a href="" class="vochtigheid">Relatieve Luchtvochtigheid</a></li>
					<li><a href="" class="groepen">Sturing groepen</a></li>
					<li><a href="" class="schakelkast">Status schakelkast</a></li>
					<li><a href="" class="luchtkwaliteit">Luchtkwaliteit</a></li>
					<li><a href="" class="lux">Lichtintensiteit</a></li>
					<li><a href="" class="alarm">Brandmelding</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>